1. 打开控制台
   • 按 Ctrl + ` 调出控制台。
2. 安装 Package Control
   • 粘贴以下代码到底部命令行并回车：

     import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
     

   • 重启 Sublime Text。如果在 Preferences -> Package Settings 中看到 Package Control 这一项，则安装成功。
3. 安装插件
   • 按下 Command + Shift + P 调出命令面板。
   • 输入 install 调出 Install Package 选项并回车，然后在列表中选择要安装的插件：
     • Material Theme (安装完需要设置并在 Preferences -> Package Settings -> Material Theme -> Activate)
     • AutoFileName
     • BracketHighlighter
     • FileIcons
     • HTML-CSS-JS Prettify
     • Sass
     • Vue Syntax Highlight

Sublime Text 设置

• 进入 Preferences -> Settings，添加或修改以下配置：

  {
    // 主题和颜色设置
    "theme": "Material-Theme.sublime-theme", // 主题设置
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme", // 颜色主题设置
    "always_show_minimap_viewport": true, // 始终显示最小化视口
    "material_theme_disable_fileicons": false, // 是否禁用文件图标
    "material_theme_disable_tree_indicator": true, // 是否禁用树形指示器
    "material_theme_panel_separator": true, // 是否启用面板分隔符
    "material_theme_small_statusbar": true, // 是否使用小状态栏
    "material_theme_small_tab": true, // 是否使用小标签
    "material_theme_tabs_autowidth": true, // 标签是否自动宽度
    "material_theme_tabs_separator": true, // 标签分隔符设置
    "bold_folder_labels": false, // 文件夹标签是否加粗
  
    // 文件和编辑设置
    "index_files": true, // 是否索引文件
    "folder_exclude_patterns": [ // 排除特定文件夹
      "node_modules",
      ".git"
    ],
    "draw_white_space": "all", // 显示所有空白字符
    "ensure_newline_at_eof_on_save": true, // 保存时确保文件末尾有换行
    "highlight_line": true, // 高亮当前行
    "line_padding_top": 2, // 行的上部填充
    "line_padding_bottom": 2, // 行的下部填充
    "overlay_scroll_bars": "enabled", // 启用覆盖滚动条
    "tab_size": 2, // 标签大小
    "translate_tabs_to_spaces": true, // 将标签转换为空格
    "trim_trailing_white_space_on_save": true, // 保存时修剪尾部空白
    "word_wrap": "false", // 是否启用换行
    "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?", // 单词分隔符设置
  
    // 字体设置
    "font_face": "Monaco", // 字体类型
    "font_size": 13, // 字体大小
    "font_options": [
      "gray_antialias" // 字体抗锯齿选项
    ],
  
    // 忽略的插件
    "ignored_packages": [
      "Vintage"
    ]
  }
  

自定义 Snippet

• 进入 Tools -> Developer -> New Snippet，创建自定义代码片段。